<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
  <link href="misc/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>你好，世界！</h1>


	<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
			<!-- Button trigger modal -->
			<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myInnerModal">
			  Launch demo modal
			</button>

		
				


      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>


		<!--Inner Modal -->
				<div class="modal fade" id="myInnerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				  <div class="modal-dialog">
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
						<h4 class="modal-title" id="myModalLabel">Modal title</h4>
					  </div>
					  <div class="modal-body">
						<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myInnerModal2">
						  Launch demo modal
						</button>
						<br/><br/><br/><br/><br/><br/><br/>
					  </div>
					  <div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Save changes</button>
					  </div>
					</div>
				  </div>
				</div>


		<!--Inner Modal2 -->
				<div class="modal fade" id="myInnerModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static"  aria-hidden="true">
				  <div class="modal-dialog">
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
						<h4 class="modal-title" id="myModalLabel">Modal title</h4>
					  </div>
					  <div class="modal-body">
						...
					  </div>
					  <div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Save changes</button>
					  </div>
					</div>
				  </div>
				</div>







	<a class="btn btn-primary" id="gDialog-alert" href="#nogo">调用gDialog的alert</a>


	<a class="btn btn-primary" id="gDialog-confirm" href="#nogo">调用gDialog的confirm</a>

	<a class="btn btn-primary" id="gDialog-prompt" href="#nogo">调用gDialog的prompt</a>


 



	 <br/>
	 <br/>
	  <p class="lead">以下调用均是ajax调用，窗口内容都不在本页中，如果打开为空，请使用IE浏览器，或者firefox浏览器查看（部分浏览器存在本地文件权限访问问题）</p>
	 <a href="#nogo" id="openDialog" class="btn  btn-info">很简单的JS点击弹窗</a> 
	
	 <a href="#nogo" id="openManyDialog" class="btn  btn-info">弹多层窗口</a> 
	
	 
		<hr/> 
	 	 <br/> <br/>
	 
	 <a href="#nogo" id="openFormValidate" class="btn btn-primary">表单验证窗口</a> 
	





 <hr/>     
	 <br/>
	  <p class="lead">message_box.show(''), 显示你自己的提示消息！</p>
	 	 <a href="#nogo"  class="btn btn-info" onclick="message_box.show('<h4>信息</h4>只是一个提示消息！','info');">信息提示</a> 
	   <a href="#nogo"  class="btn btn-warning" onclick="message_box.show('<h4>警告</h4>只是一个提示消息！');">警告提示 默认</a> 
	 	 <a href="#nogo"  class="btn btn-success" onclick="message_box.show('<h4>成功</h4>只是一个提示消息！','success');">成功提示</a> 
	 	 <a href="#nogo"  class="btn btn-danger" onclick="message_box.show('<h4>失败</h4>只是一个提示消息！','danger');">失败或错误提示</a> 
  

  <script src="assets/jquery.js"></script>
  <script src="misc/js/bootstrap.js"></script>
  <script src="misc/js/jquery.ui.draggable.js"></script>
  <script src="misc/js/modal.manager.plugin1.0.js"></script>
  <script src="misc/js/jshow.utils.js"></script>
  <script src="misc/js/form.validate.js"></script>

	<script>
	void function(j){

	j("#gDialog-alert").click(function(){
		gDialog.fAlert('你点击了alert按钮',function(){
		    message_box.show('这是gDialog alert方法后的回调函数，也可以不要！','info');
		});
		
	});
	
	//确认后执行
	j("#gDialog-confirm").click(function(){
		gDialog.fConfirm('确认执行','你确定执行这个操作么？',function(rs){
			if(rs){
				message_box.show('你点击了确定按钮！','success');
			}else{
				message_box.show('你取消了本次操作！');
			}
		});
	});
		 
		//输入框
	j("#gDialog-prompt").click(function(){
			gDialog.fPrompt('请输入参数值','参数值','1',function(rs){
				if(rs==null){
					message_box.warning('你点击了取消按钮！');
				}else if(rs==''){
					message_box.error('你没有输入数据');
				}else{
					message_box.info("你输入了:"+rs);
				}
			});
	 });
		
		j("#openDialog").click(function(){
			var dialog=gDialog.fCreate({title:'这是一个弹窗窗口',url:'myDialog.ahtml',width:700}).show();
		});

		
		j("#openManyDialog").click(function(){
				gDialog.fCreate({title:'这是多层弹窗窗口',url:'manywindow.ahtml',width:700}).show();
		});

		j("#openFormValidate").click(function(){
				gDialog.fCreate({title:'表单验证功能',url:'formValidate.ahtml',width:700}).show();
		});


	}(jQuery);
	</script>

  </body>
</html>